body {
	cursor: default;
}
.searcharea {
	width: 20em;
	background: rgba(245, 245, , .9);
	border-radius: 5em;
}
.music-box {
	box-sizing: border-box;
	height: 6em;
	background: #FDFDFD;
	border-bottom: 1px solid #000;
	padding: .2em;
	margin: .5em;
	border-radius: .2em;
}
.music-box .info .name {
	font-size: 1.2em;
}
.music-box .progress {
	height: 1em;
	padding: .3em;
	background: #DDD;
	border-radius: .1em;
}
.music-box .progress .current {
	display: block;
  width: 0%;
	height: 100%;
	background: #FFF;
}
.music-box .progress .current .bull {
	float: right;
	display: block;
	width: .1em;
	height: 100%;
	background: #000;
}
.music-box .word {
	color: #888;
	font-size: .8em;
}
.music-box .controls {
	display: block;
	height: 1em;
}
.music-box .controls .play {
	cursor: pointer;
	float: right;
	color: #99F;
}
.music-box .controls .time {
	float: left;
}
.music-box .controls .play:hover {
	text-decoration: underline;
}